h1,h2,h3,h4,ul li,ol{padding:0; margin:0}
.box{
    display: flex;
    display: -webkit-flex;
    
}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.padding01(@top){
    .px2rem(padding-top,@top);
}
.padding02(@bottom){
    .px2rem(padding-bottom,@bottom);
}
.padding03(@left){
    .px2rem(padding-left,@left);
}
.padding04(@right){
    .px2rem(padding-right,@right);
}
header{
   width: 100%;
   .padding03(10);
    .padding04(10);
       .box();
       align-items: center;
       justify-content: space-between;
      .px2rem(height,98);
      background: #e4366b;
       .px2rem(font-size,40);
       color: #eef0f1;

       
       span{
           display: block;
            
       }
       span:nth-child(1){
           .padding03(10);
           width: 5%;
           img{
               width: 150%;
           }
       }
       span:nth-child(3){
             .padding04(10);
       }
       
}
.search{
    .box();
    justify-content: center;
    .padding01(20);
    .padding02(20);
    background: #52525a;
     .px2rem(height,58);
     div{
         width: 80%;
         
         .text{
             background: #ffffff url(../img/06.png) no-repeat 14px center;
             background-size: 5%;
             border: none;
               width: 100%;
              .px2rem(height,60);
              .px2rem(border-top-left-radius,30);
              .px2rem(border-bottom-left-radius,30);
              .px2rem(border-top-right-radius,30);
              .px2rem(border-bottom-right-radius,30);
              color: #c5c5c7;
              .px2rem(text-indent,60)
               
         }
     }
}
section{
    ul{
        li{
            background: #fefcfd;
            color: #595859;
            font-weight: bold;
            .px2rem(text-indent,48);
            .px2rem(height,120);
             .px2rem(line-height,120);
            border-bottom: 3px solid #c5c5c5;
               .px2rem(font-size,50);
               .padding04(90);
                .padding01(10);
                 .padding02(10);
               span{
                   float: right;
                  
                   
                   display: block;
                   img{
                        .px2rem(margin-top,15);
                       width: 100%;
                   }
               }
        }
    }
}
.kong{
    .px2rem(height,110);
    width: 100%;
}
footer{
//   .px2rem(margin-top,110);
    width: 100%;
    background: #484850;
    .px2rem(height,110);
    position: fixed;
    bottom: 0;
    ul{
          .px2rem(font-size,35);
          .box();
             justify-content: space-around;
             align-items: center;
             .px2rem(height,110);
          li{
           .box();
//         justify-content: center;
            align-items: center;
           justify-content:center;
           flex-direction: column;
          img{
              width: 65%;
          }
              a{
                  color: #FFF6F1;
              }
          }
          li:nth-child(1){
              img{
                  width: 65%;
              }
              a{
                  .padding01(8)
              }
          }
          li:nth-child(2){
              img{
                  width: 70%;
              }
              a{
                  .padding01(12)
              }
          }
          li:nth-child(5){
              img{
                  width: 75%;
              }
              a{
                  .padding01(20)
              }
          }
    }
}
